<%@ page language="java" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ include file="/base.jsp"%>
<%@ include file="/module/taglibs.jsp"%>
<%@ include file="/module/nocache.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<%@ include file="/module/js.jsp"%>
  <title>管理平台登录</title>
</head>
<style> 
a{
  text-decoration:none;
}
body{
  margin:0px;
}
#header{
  width:100%;
  height:30px;
  background-color:#E0EFFF;
  padding-top: 5px;
  padding-bottom: 10px;
}
#header .logo{
  margin-left: 50px;
  font-size: 24px;
  font-family: 微软雅黑;
}
#picture{
  width:100%;
  height:750px;
}
.panel-title {
 text-align: center;
 font-size: 16px;
}
#bootom{
  padding-top:50px;
  width:100%;
  height:100px;
  background: #eaf2ff;
}
#bootom_content{
  margin-left:100px;
  width:80%;
  text-align: center;
  font-size:0.8em; 
}
p{
  line-height:20px; 
}
</style>
<body>
<!--   <div id="header" > -->
<!--     <div class="logo" onclick="window.location.href='index.html'"> -->
<!--       <strong>信息系统</strong> -->
<!--     </div> -->
<!--   </div> -->
  <form action="#" id="loginForm" name="loginForm" method="post">
  <div data-options=" region:'north',split:true,style:{position:'absolute',right:600,top:150}"
 class="easyui-panel " title="用户登录" style="width:300px;text-align: center;">
      <div style="padding:10px 60px 20px 60px">
        <form id="ff" class="easyui-form" method="post" data-options="novalidate:true">
          <table cellpadding="5">
            <tr>
              <td><input class="easyui-textbox" name="username" data-options="prompt:'账号ID',validType:'username'" iconCls="icon-man" iconAlign=left style="width:100%;height:32px" value="${username}" id="username"/></td>
            </tr>
<!--             <tr> -->
<%--               <td><input class="easyui-textbox" name="password" data-options="prompt:'密码',validType:'password'" iconCls="icon-lock" iconAlign=left style="width:100%;height:32px" value="${password}" id="password"/></td> --%>
<!--             </tr> -->
            <tr>
            <td>
                <input type="radio" name="type" value="s" onclick="showdiv()">学生</input>&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" name="type" value="t" checked="checked" onclick="showdiv()" >老师</input>
            </tr>
<!--             <tr> -->
<!--               <td><input class="easyui-textbox" data-options="prompt:'验证码',validType:'validate'" iconCls="icon-filter" iconAlign=left style="width:55%;height:32px" />     -->
<!--               <img src="" alt="" width="56" height="32" align='absMiddle' /> </td> -->
<!--             </tr> -->
          </table>
        </form>
        <div style="text-align:center;padding:5px; ">
          <a href="javascript:submitForm();"   class="easyui-linkbutton" style="width:45%;height:32px" id="loginBtn">登录</a>    
          <a href="#" rel="external nofollow" rel="external nofollow" class="easyui-linkbutton" style="width:45%;height:32px">取消</a>
        </div>
      </div>
    </div>
  </div>
    </form>
<!--   <div id="bootom"> -->
<!--     <div id="bootom_content"> -->
<!--     </div> -->
<!--   </div> -->
</body>
<script>
$(document).ready(function() {
	$('#loginBtn').click(function() {
		 var username=$("#username").val();
		 if(username==""){
			 $.messager.alert('提醒 ','账号ID或密码不能为空!!'); 
			 return false;
		 }
		 document.loginForm.action = "${basePath}/login";
		 document.loginForm.submit();
	});
	 var val = $('input:radio[name="type"]:checked').val();
     if(val == "s") {
    	 $("#username").textbox("setValue", "21109");
     } else {
    	// $("#username").textbox("setValue", "1711");
    	 $("#username").textbox("setValue", "1640");
     }
	
	
});
  function clearForm(){
    $('#ff').form('clear');
  }
  
  function showdiv() {
	  var val = $('input:radio[name="type"]:checked').val();
	     if(val == "s") {
	    	 $("#username").textbox("setValue", "21109");
	     } else {
	    	// $("#username").textbox("setValue", "1711");
	    	 $("#username").textbox("setValue", "1640");
	     }
  }
  
</script>
</html>

